<!-- <!DOCTYPE html>
<html>
<head>
<script src="./js/jquery-1.8.3.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeIn("slow");
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);
  });
});
</script>
</head>

<body>
	<p>演示带有不同参数的 fadeIn() 方法。</p>
	<button>点击这里，使三个矩形淡入</button>
	<br><br>
	<div id="div3" style="width:80px;height:80px;display:none;background-color:red;"></div>
	<br>
	<div id="div2" style="width:80px;height:80px;display:none;background-color:green;"></div>
	<br>
	<div id="div1" style="width:80px;height:80px;display:none;background-color:blue;"></div>
</body> -->








<!-- <!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation-name:mymove;
animation-duration:5s;/* 5s表示执行动画的时间，0或不写则无动画效果 */

/* 兼容调试如果animation-name执行，那么-wekit-animation-name则不执行 */
-webkit-animation-name:mymove;
-webkit-animation-duration:5s;/* 5s表示执行动画的时间，0或不写则无动画效果 */
}

@keyframes mymove /* 对应animation-name，里面为执行的动画*/
{
from {left:200px;}/*执行动画的初始位置*/
to {left:0px;}/*动画结束位置*/
0% {
opacity: 0.1; /*初始状态 透明度为10%*/
}
50% {
opacity: 0.5; /*中间状态 透明度为50%*/
}
100% {
opacity: 1; /*结尾状态 不透明*/
}
}

@-webkit-keyframes mymove/* 对应-webkit-animation-name，里面为执行的动画*/
{
from {left:200px;}/*执行动画的初始位置*/
to {left:0px;}/*动画结束位置*/
}
</style>
</head>
<body>

<div></div>


</body>
</html> -->








<!-- <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id="Layer1">点我</div>
	<div id="Layer2" style="display:none">我是要展开的对象或收起的对象</div>
	<script>
	    window.onload = function () {
	        var oDiv1 = document.getElementById('Layer1');
	        var oDiv2 = document.getElementById('Layer2');
	        oDiv1.onclick = function () {
	            oDiv2.style.display = oDiv2.style.display == 'block' ? 'none' : 'block';
	        }
	    }
</script>
	
</body>
</html> -->
<!-- <!DOCTYPE html>
<html>
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
        <title>
            RunJS 演示代码
        </title>
        <script>
            $(function(){
                $("div").toggle(function(){
                    $(this).css("backgroundColor","red");
                },function(){
                    $(this).css("backgroundColor","blue");
                });
            })
        </script>
  </head>
    <body>
    <div style="background-color:blue">
            sdfsdf
        </div>
  </body>
</html> -->



	

